<!DOCTYPE HTML>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no">
    <link rel="shortcut icon" href="images/favicon.ico" type="image/vnd.microsoft.icon"/>
    <title>支付成功</title>
    <style type="text/css">
        * {
            margin: 0;
            padding: 0;
        }

        body {
            font: 14px Microsoft YaHei, \5FAE\8F6F\96C5\9ED1, SimSun, \5B8B\4F53, Arial, Verdana;
            color: #000;
            text-align: left;
            padding-top: 3%;
            background: #FFF;
        }

        a:link, a:visited {
            color: #F00;
            text-decoration: none;
        }

        a:hover {
            color: #090;
            text-decoration: underline;
        }

        img {
            border: 0 none;
            vertical-align: middle;
        }

        .wenxin {
            width: 100%;
            height: auto;
            overflow: hidden;
            text-align: center;
        }

        .top {
            width: 80%;
            height: auto;
            overflow: hidden;
            line-height: 40px;
            margin: 0 auto 20px;
            padding: 5px 15px;
            text-align: left;
            border: 2px solid #E6E6E6;
            background: #FFF;
        }

        .top span {
            float: left;
        }

        .top span.a {
            color: #390;
            font-size: 16px;
            font-weight: bold;
            margin-right: 10px;
        }

        .top span.b {
            color: #999;
        }

        .top span.c {
            float: right;
        }

        .codeimg {
            height: 270px;
            text-align: center;
        }

        .bottom {
            padding: 5px 10px;
            color: #090;
        }

        .codeimg img {
            width: 220px;
            height: 220px;
            padding: 8px;
            border: 8px solid #F2F2F2;
        }

        @media (max-width: 500px) {
            .top {
                width: 90%;
                line-height: 25px;
                padding: 5px 3%;
            }

            .top span {
                float: left;
                display: block;
            }
        }

        .tipsToPay {
            width: 305px;
            overflow: hidden;
            padding: 15px;
            background: #fff;
            border: 5px solid #adadad;
            z-index: 102;
            border-radius: 3px;
            position: absolute;
            top: 20%;
            left: 50%;
            margin-left: -150px;
            display: none;
        }

        .tipsToPay p {
            text-align: center;
            padding: 20px 20px 10px;
            line-height: 24px;
        }

        .tipsToPay p a {
            color: #fff;
            text-decoration: none;
        }

        .tipsToPay p a:hover {
            color: #fff;
            text-decoration: none;
        }

        .tipsToPayBtn {
            display: inline-block;
            padding: 0 10px;
            margin: 0 10px;
            color: #fff;
            line-height: 21px;
            height: 21px;
            border: 1px solid #f90;
            background: #f90;
            border-radius: 3px;
        }
    </style>

    <script>
        var _hmt = _hmt || [];
        (function() {
            var hm = document.createElement("script");
            hm.src = "https://hm.baidu.com/hm.js?886e3cb6772e2a2eba0d1a4f6f1854dd";
            var s = document.getElementsByTagName("script")[0];
            s.parentNode.insertBefore(hm, s);
        })();
    </script>
</head>
<body style="background-color: #fff;">
<div class="wenxin" >
    <div class="top">
        <span class="a"><img src="__IMG__/alipay.gif"> <strong>支付宝支付</strong></span>
        <span class="b">亿万用户选择，更快更安全！</span>
        <span class="c">支付：<strong style="font-size:18px; color:#F60;">￥{$price}</strong></span>
    </div>
    <div id="pay_success" style="background: #fff; width: 100%; padding: 20px 0 30px;">
        <!--<div ><img src="{:RES}/images/dui.jpg"  style="margin-right: 10px; width: 50px;"></div>-->
        <!--<div ><img src="{:RES}/images/success.png"  style="margin-right: 10px; width: 50px;"></div>-->
        <!--<div ></div>-->
        <!--<div style=" margin-top: 20px; color: #00c500; font-size: 24px; font-weight: bold; line-height: 55px;">-->
        <!--<img src="{:RES}/images/success1.png" style="margin-right: 10px; width: 50px;">支付成功-->
        <!--</div>-->
        <!--<div style=" margin-top: 5px; margin-bottom:20px; color: #000; font-size: 30px; line-height: 40px; font-weight: bold;">￥{$apply_info.payment}</div>-->
        <!--<hr>-->
        <neq name="state" value="error">
            <p style="width: 80%; font-size: 16px; margin: 20px auto 0; text-align: left; line-height: 30px; color: #666;">
                您的订单已成功提交，工作人员会在2个工作日内与您的qq联系，指导您搭建安装，客服qq：
                <a class="qq-wap" href="mqqwpa://im/chat?chat_type=wpa&uin={$qq}&version=1&src_type=web&web_src=oicqzone.com">{$qq}</a>(点击可以直接添加客服QQ)。
            </p>
            <else />
            <p style="width: 80%; font-size: 16px; margin: 20px auto 0; text-align: left; line-height: 30px; color: #666;">
                订单支付失败！
            </p>
        </neq>
    </div>
</div>
<script type="text/javascript" src="__JS__/jquery.js"></script>

</body>
</html>